	 <!DOCTYPE html>
		<html lang="en">
		<head>

			<!-- start: Meta -->
			<meta charset="utf-8">
			<title>Trend-It</title> 
			<meta name="description" content="Trend-It"/>
			<meta name="keywords" content="Template, Theme, web, html5, css3, Bootstrap" />
			<meta name="author" content="Rohit Bhatnagar from creativeLabs"/>
			<!-- end: Meta -->
			
			<!-- start: Mobile Specific -->
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
			<!-- end: Mobile Specific -->
			

		    <!-- start: CSS -->
		    
		    <%--<link rel="stylesheet" href="￼<g:createLinkTo dir='css' file='bootstrap.css'/>"/>--%>
		    <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.css')}" type="text/css">
		    <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap-responsive.css.css')}" type="text/css">
		    <link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
		    <link rel="stylesheet" href="${resource(dir: 'css', file: 'css/parallax-slider.css')}" type="text/css">
		
			<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700">
			<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
			<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Boogaloo">
			<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Economica:700,400italic">
			<!-- end: CSS --><%--





			 <script src="js/jquery.js"></script>
		<script src="js/my.js" type="text/javascript"></script>
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/isotope.js"></script>
		<script src="js/jquery.imagesloaded.js"></script>
		<script src="js/flexslider.js"></script>
		<script src="js/carousel.js"></script>
		<script src="js/jquery.cslider.js"></script>
		<script src="js/slider.js"></script>
		<script src="js/fancybox.js"></script>
		<script defer="defer" src="js/custom.js"></script>--%>

		</head>
		<body>
			
			<!--start: Header -->
			<header>
				
				<!--start: Container -->
				<div class="container">
					
					<!--start: Row -->
					<div class="row">
							
						<!--start: Logo -->
						<div class="logo span3">
								
							<i class="ico-parents circle"></i><a class="brand" href="#">Dream<span>Shapers</span>.</a>
								
						</div>
						<!--end: Logo -->
							
						<!--start: Navigation -->
						<div class="span9">
							
							<div class="navbar navbar-inverse">
					    		<div class="navbar-inner">
					          		<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					            		<span class="icon-bar"></span>
					            		<span class="icon-bar"></span>
					            		<span class="icon-bar"></span>
					          		</a>
					          		<div class="nav-collapse collapse">
					            		<ul class="nav">
											<li ><a id="home" href="index.html" >Home</a></li>
					              			<li ><a id="aboutus" href="#">About</a></li>
					              			<li><a id="progs" href="#">Programs</a></li>
											<li class="dropdown">
					                			<a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Centers<b class="caret"></b></a>
					                			<ul class="dropdown-menu">
					                  				<li><a id="jpnagar" href="#">J.P.Nagar (Little Millennium)</a></li>
													<li><a id="indranagar" href="#">Indiranagar (Little Millennium)</a></li>
													
					                			</ul>
					              			</li>
											<li><a id="testimonial" href="#">Testimonials</a></li>
										    <li class="dropdown">
				                			<a href="#" class="dropdown-toggle" data-toggle="dropdown">Gallery<b class="caret"></b></a>
				                			<ul class="dropdown-menu">
				                  				<li><a id="jpnagar1" href="gallery-jpnagar.html">J.P.Nagar (Little Millennium)</a></li>
												<li><a id="indranagar1" href="gallery-indranagar.html">Indiranagar (Little Millennium)</a></li>
												
				                			</ul>
				              			</li>
											<!-- <li><a id="gallery" href="#">Gallery</a></li> -->
											
	                                        <li class="dropdown">
					                			<a href="#" class="dropdown-toggle" data-toggle="dropdown">Others<b class="caret"></b></a>
					                			<ul class="dropdown-menu">
					                				<li><a id="calendar" href="#">Calendar</a></li>
					                  				<li><a id="foodmenu" href="#">Food-menu</a></li>
													
					                			</ul>
					              			</li>


											<li class="dropdown">
					                			<a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<b class="caret"></b></a>
					                			<ul class="dropdown-menu">
					                				<li><a id="admissions" href="#">Admissions</a></li>
					                  				<li><a id="careers" href="#">Careers</a></li>
													<li><a id="contact" href="#">Contact us</a></li>
													<li><a id="feedback" href="#feedback">Feedback</a></li>
					                			</ul>
					              			</li>
					              		<!-- <li>	
					              				<div id="social-r" class="tooltips">
								<a href="#" rel="tooltip" title="" class="facebook">Facebook</a>

								</div>

							</li> -->



					              			
					            		</ul>
					          		</div>
					        	</div>
					      	</div>
							
						</div>	
						<!--end: Navigation -->
							
					</div>
					<!--end: Row -->
					
				</div>
				<!--end: Container-->			
					
			</header>
			<!--end: Header-->
	  

	<div id='bd'  >
<g:layoutBody/>
</div>
	

	

	<br>
			    	</div><!--/.well -->
	<!-- start: Copyright -->
			<div id="copyright">
			
				<!-- start: Container -->
				<div class="container">
				<div class="row-fluid">
	  <div class="span4"></div>
	  <div class="span4">&copy; 2012, Dreamshapers. Designed by trendLabs in Singapore <img src="img/poland2.png" alt="Singapore" style="margin-top:-4px"> </div>
	  <div class="span4"><div id="social-r1" class="tooltips"><a href="#" rel="tooltip" title="Facebook" class="facebook">Facebook</a>
								</div></div>
	</div>
					
						
			
				</div>
				<!-- end: Container  -->
				
			</div>	
			<!-- end: Copyright -->


		<!-- start: Java Script -->
		<!-- Placed at the end of the document so the pages load faster -->
<g:javascript src="jquery.js" />
<r:layoutResources />
		<!-- end: Java Script -->

		</body>
		</html>